<include file="Common/common" />
<style type="text/css">
    .layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this > a, .layui-nav-tree .layui-this > a:hover{
        background: #7d7d7d;
    }
    .layui-nav-tree .layui-nav-bar{
        background: rgba(255,255,255,0);
    }
    .layui-nav-tree .layui-nav-item a:hover{
        background-color: #7d7d7d;
    }
    .layui-nav-itemed > a, .layui-nav-tree .layui-nav-title a, .layui-nav-tree .layui-nav-title a:hover {
        color: rgb(0,0,0) !important;
    }
    .layui-nav .layui-nav-child a:hover{
        background: #7d7d7d;
    }
    
    .mobile-class{
        background: url(../../../../Public/img/recreation.png) no-repeat;background-size:100%;
    }

    @media screen and (min-width: 320px) and (max-width: 480px){
        .layui-body{
            background: url(../../../../Public/img/reaction_mobile.png) no-repeat;background-size:100% 100%;background-attachment: scroll
        }
    }

    @media only screen and (min-width: 480px) and (max-width: 1024px){
        .layui-body{
            background: url(../../../../Public/img/reaction_mobile.png) no-repeat;background-size:100% 100%;background-attachment: scroll
        }
    }
    @media only screen and (min-width: 1029px){
        .layui-body{
            background: url(../../../../Public/img/reaction_mobile.png) no-repeat;background-size:100% 100%;background-attachment: scroll
        }
    }
</style>

<body class="custom-background-image1" >

    
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header header header-demo">
            <a class="logo" href="/">
                <img src="../../../../Public/img/name.png" style="height:50px;width: 150px;position: relative;bottom: 10px;right: 16px;" alt="layui">
            </a>
            <!-- <div class="layui-logo">后台管理</div> -->
            <!-- 头部区域（可配合layui已有的水平导航） -->

            <ul class="layui-nav layui-layout-right" style="padding-right: 10px;" >
                <li class="layui-nav-item" >
                    <a href="javascript:;" style="color:rgb(240,222,112)">
                        投注积分：<span id="par_score_recreation">{$userInfo['score_recreation']}</span>
                        <span style="color:rgb(240,222,112)" id="header-nickname">账号：{$userInfo['account']}</span>
                    </a>

                    <dl class="layui-nav-child" style="background: rgb(57,61,73)">
                        <dd><a href="{:U('Common/logout')}" style="color:rgb(240,222,112)">安全退出</a></dd>
                    </dl>
                </li>
            </ul>
        </div>

        <div class="layui-side layui-bg-black">
            <div class="layui-side-scroll">
                <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
                

                <ul class="layui-nav layui-nav-tree"  lay-filter="">
                    <li class="layui-nav-item">
                        <a href="{:U('Index/index')}" style="color: rgb(240,222,112);font-weight: 600;font-size: 16px "  class="remove" >返回首页</a>
                    </li>
                    <!-- <li class="layui-nav-item">
                        <a href="{:U('Recreation/pk10')}" class="remove" target="rightFrame">北京赛车</a>
                    </li> -->

                    <li class="layui-nav-item">
                        <a href="{:U('Recreation/ssc')}" style="color: rgb(240,222,112) "  class="remove" target="rightFrame">重庆时时彩</a>
                    </li>

                    <li class="layui-nav-item">
                        <a href="{:U('Recreation/history')}" style="color: rgb(240,222,112)"  class="remove" target="rightFrame">历史记录</a>
                    </li>
                    
                    
                    
                </ul>
            </div>
        </div>

        <div class="layui-body mobile-class" style="bottom: 0;-webkit-overflow-scrolling: touch;overflow:auto;">
            <!-- 内容主体区域 -->
            
            <iframe id="rightFrame" name="rightFrame" src="{:U('Recreation/ssc')}" style="overflow: visible;" scrolling="auto" frameborder="0"   width="100%" height="99%"></iframe>
        
        </div>

        <!-- <div class="layui-footer">
            底部固定区域
            © 项目名称
        </div> -->
        <div class="site-tree-mobile layui-hide">
            <i class="layui-icon">&gt;</i>
        </div>
        <div class="site-mobile-shade"></div>
    </div>
</body>



<script>

    //注意：导航 依赖 element 模块，否则无法进行功能性操作
    layui.use('element', function(){
        //实例化element
        var element = layui.element;

        //初始化动态元素，一些动态生成的元素如果不设置初始化，将不会有默认的动态效果
        element.init();

    });

    $('.site-tree-mobile').click(function(){
        $('body').addClass('site-mobile');
    });

    $('.site-mobile-shade').click(function(event) { 
        removeMobile();
    });

    $('.remove').click(function(event) {
        setTimeout(function(){removeMobile();}, 800);
        
    });

    function removeMobile(){
        $('body').removeClass('site-mobile');
    }

    

    function renderForm(){
        layui.use('form', function(){
            var form = layui.form;
            form.render();
        });
    }

    
</script>